<template>
	<view class="main">
		<view class="content">
			<view class="">
				<view class="top" :style="{ paddingTop: systemInfo.titleTop + 'px' }">
					<view class="main-title" :style="{ height: systemInfo.sBarHeight + 'px', 'line-height': systemInfo.sBarHeight + 'px' }">
						<view class="x-t" @click="$goURl('back')">
							<image src="/static/l.png" mode="aspectFill"></image>
							<view class="txt">消息详情</view>
						</view>
					</view>
				</view>
			</view>
			<view class="con">
				<!-- <image src="../../static/logo.png" mode="aspectFill"></image> -->
				<view class="title">{{ data.title }}</view>
				<view class="time">{{ data.addTime }}</view>
				<view class="desc">
					<rich-text :nodes="data.content"></rich-text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const capsule = uni.getStorageSync('capsule');
let systemInfo = uni.getStorageSync('systemInfo');

let data = ref({});
onLoad((option) => {
	data.value = JSON.parse(decodeURIComponent(option.data));
	console.log(data.value, 'dada');
});
</script>

<style>
/* page {
	height: 100%;
	background: linear-gradient(180deg, #2b77ff 0%, #f9f9f9 45%);
} */
</style>

<style lang="scss" scoped>
.main {
	height: 100%;
	background: #ffffff;
}
.content {
	padding: 0 32rpx;
}

.con {
	image {
		width: 686rpx;
		height: 360rpx;
		border-radius: 20rpx;
		margin-top: 30rpx;
	}
	.title {
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 700;
		font-size: 32rpx;
		color: #1a1a1a;
		margin: 32rpx 0 20rpx 0;
	}
	.time {
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 400;
		font-size: 28rpx;
		color: #858585;
		margin-bottom: 40rpx;
	}
	.desc {
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 400;
		font-size: 28rpx;
		color: #3d3d3d;
		line-height: 40rpx;
	}
}
.main-title {
	.x-t {
		display: flex;
		align-items: center;
		image {
			width: 40rpx;
			height: 40rpx;
		}
		.txt {
			font-family: Source Han Sans, Source Han Sans;
			font-weight: 500;
			font-size: 36rpx;
			color: #3d3d3d;
		}
	}
}
</style>
